LOADING...

homepage6047　2019年 11月

プログラミングやRPG（作るほう）が好きな人の日記

このホームページは毎日 夜11時にアクセスできなくなります。 朝6時半に再開されます。（世の中のネット依存対策として） 「homepage6047.sakura.ne.jp」は近々、「web6047.sakura.ne.jp」に変更予定です。 URL は https でもアクセスできます。

　

2019/12/13（金）

DRAM回路の説明記事を更新 -[dram]

また書き進めました。

「２アドレス２ビットメモリー」の「書き込み」について説明しました。

記事はここです。

（訪問者のどんなニーズと この記事がつながるか）

• コンピューターのしくみを知りたい。
• 電子回路の話題を読みたい。

2019/11/27（水）

NO PC WEEK -[no_pc]

ちょっと疲れたので、11/25（月）～12/9（月）まで NO PC WEEK にします。

12/14（土）、12/15（日）あたりに DRAM のページの更新などを行ったのち、

12/16（月）～ 来年 1/11（土）までまた NO PC WEEK にします。

年末年始、疲れた顔で実家に帰るよりはいいかなと思って。

最近の若者の気持ちを知ろうと思って、今まで敬遠していた「謎肉増量↑カップヌードル」というのを買って食べてみました。うまいんだけど、増量と言うほどの増量じゃない感じで せこいかな？

罪な食べ物ですよね、こんなにうまいのに体に悪いって言われているんですから。

2019/11/24（日）

この週末に作っていたプログラム -[javascript]

この週末に以下のような JavaScript プログラムを作っていました。

通常の JavaScript プログラム 画像をクリックすると JavaScript を実行します。 ウィンドウのサイズを変更すると、JavaScript の画面サイズは小さいまま固定で動かない 　 キー入力で動くが、スマートホンなどキーボードのない機械では試せない（画面のソフトウェアキーボードはただのHTMLの状態） 　 描いた画面のピクセル同士はスムーズ処理されて、スムーズに見えるが、にじんでいるようにも見える　これがゲームならばファミコンみたいにギザギザとしていたほうが良い。

→ → →

特別対応をした JavaScript プログラム 画像をクリックすると JavaScript を実行します。 ウィンドウのサイズを変更すると！！　JavaScript の画面サイズも変わる 　 画面下のソフトウェアキーボードをクリックしたり、タッチすると！！　キー入力同様に動く 　 画面のピクセルがファミコンみたいにギザギザとしている

WEBプログラマーの人たちは、ちょっと気軽に JavaScript で何かを作ったりすると、どうしても左のような感じになってしまうと思います。

おもしろいスクリプトを作ったとしても、ちょっとしょぼいような？

でも右のようにできれば、画面中央にいっぱいに表示されてバッチリ楽しめる～

…しかし、こういうモノを作ってもプログラムとしての使い勝手が悪くては、そのうち使わなくなります。

そこで、元のゲームなどのスクリプトに「少しのスクリプトを追加するだけ」でこの特別対応がされるようにしました。

（残念ながら .js ファイルは別途追加します）

元のスクリプトは何もいじらなくても機能は実装されます。

いらなくなったら追加したスクリプトを削除するだけです。　…なんて無害な…！！

………でも、まだ作り途中なので、これを見ている皆さんが利用できる状態ではありません orz

それに、人が作ったモノを使うよりは、自分で作ったほうがお気に入りにできるというのもあるから、そういう意味でも利用はされないかな…。みんなそれぞれ「自分で作る！」ってことにこだわりがあるでしょうから。

ホントに、「こういうものを作っていました～」というだけの記事なのでした。

各プログラムリスト：

下の各リンクをクリックするとプログラムリストを表示します。

まだ試作中なのでファイル名など整えていません。

ファイル名	説明
simple.html	下記スクリプトを利用しているサンプルプルプルプルプログラム
AdditionalResize.js	ある要素を親要素にフィットさせる。フルスクリーンなどで使用。
c.js	CANVAS を拡張する。現在 CSS の crisp edge を設定するだけ。
k.js	キーボード入力しか対応していないスクリプトをマウスやタッチにも対応させる。

公開日	ファイル名	サイズ
2019/11/24	20191124-newapp_test.zip	8KB
	上記ファイル4点です。 simple.html をブラウザで開くとお手元の環境で同じように動作します。 動作確認したブラウザ： Windows 10 の Firefox、Google Chrome、Microsoft Edge と、 Android4.4 の Firefox、Google Chrome で動作確認しました。 動作に問題がある： Microsoft Edge は CSS の crisp edge に非対応なので、ファミコンみたいなドットの粗い画面にできません。 Android4.4 の 標準ブラウザでは表示できませんでした。 著作権フリーです。	ダウンロード

（訪問者のどんなニーズと この記事がつながるか）

• JavaScript コンテンツ作成時の便利プログラム。
• プログラミングの記事を読みたい。

2019/11/23（土）

https の記事で…

今月の 11/1 の「http から https へ変更する」という記事で、特殊な環境を作っている場合に、ホームページの管理画面で https（SSL）を「一時的にオンして試してみる」というのを勧めていますが、その環境を仕事で使っている場合にそういう うかつなことをやってシステムが動かなくなるという場合もありえるので、勧めている部分に取り消し線を引きました。（この記事の下のほう）

仕事で使っているシステムには（専門の担当者に聞く等）慎重に対応してください。（私が言うことではないんですが）

2019/11/22（金）

DRAM回路の説明記事を更新 -[dram]

また書き進めました。

「２アドレス２ビットメモリー」の作り方について説明しました。

記事はここです。

（訪問者のどんなニーズと この記事がつながるか）

• コンピューターのしくみを知りたい。
• 電子回路の話題を読みたい。

ガンプラの「RG νガンダム」というのを買ってきました。-[plamo]

HG ガンキャノンに3年かける私なので、このプラモを完成させるのに何年かかることやら。

他に「MG ギラドーガ」が作り途中で、「HG グフ」、「HG 局地型ガンダム」と、「1/100 ザクファントム」が未着手。それからガンダムではないけど「A-10 サンダーボルト」という攻撃機のプラモが未着手…。実家で「HG ユニコーンガンダム」が作り途中…。全部作るのに15年くらいかかるのか。赤ん坊が高校生になってしまう。

（訪問者のどんなニーズと この記事がつながるか）

• RG νガンダムの情報。
• 日記を読みたい。

ビットマップフォント

「昔の8ビットマシンのようなビットマップフォント」を いつも使っているテキストエディタで使うと、レトロチックなデジタルのイメージで作業できます。

レトロ風だと、どこか楽しい気分になると思います。遊び好きの人にはオススメです。

ビットマップフォント（自家製フォント工房 - KHドットフォントシリーズ）

※このサイトで掲載されている、「小伝馬町12（角ゴシック）」を上図のテキストエディタで使用しています。

（訪問者のどんなニーズと この記事がつながるか）

• パソコンの見た目をカスタマイズしたい。
• 日記を読みたい。

2019/11/19（火）

トータルリコール -[modeling]

映画「トータルリコール」（古いほう）の有名な場面をやってみようと思いました。

3DCG ソフトの Shade3D で球を作成し、切り分けて、切れ端一つ一つにアニメの動きを設定しました。

（訪問者のどんなニーズと この記事がつながるか）

• トータルリコールのあの場面を見たい

2019/11/17（日）

DRAM回路の説明記事を更新 -[dram]

また書き進めました。

「２アドレス１ビットメモリー」の実際に動いているところを記事にしました。

記事はここです。

（訪問者のどんなニーズと この記事がつながるか）

• コンピューターのしくみを知りたい。
• 電子回路の話題を読みたい。

2019/11/16（土）

初代 iPod、まだ電源が入る -[shopping]

部屋の整頓をしていたら、昔友人からもらった初代 iPod が出てきました。

電源に接続すると、まったく反応なし。残念、とうとう壊れてしまったか…。

あきらめましたが、ケーブルの接触が悪いのかなと思って いじると中の HDD が一度だけ「カシュン」と音を立てました。

え～っと こういう場合は…と思って、ケーブルのコネクタに息を吹きかけて接続すると、電源が入りました。

（訪問者のどんなニーズと この記事がつながるか）

• 珍しい初代 iPod の記事を読みたい。
• 日記を読みたい。

2019/11/9（土）

DRAM回路の説明記事を更新 -[dram]

また書き進めました。

記事はここです。

8ビットメモリーを1アドレスから2アドレスに増やす前に、 まずは1ビットメモリーのほうで1アドレスから2アドレスに増やす方法について説明しました。

（訪問者のどんなニーズと この記事がつながるか）

• コンピューターのしくみを知りたい。
• 電子回路の話題を読みたい。

---

いろいろな

種類の

ふきだしが！

可能

浜辺へ散歩 -[dekake]

私は日ごろからパソコンに向かいすぎで、私の携帯電話には以下のようなメモを書いたりしている状況。

au KYF36 11:14 メモ帳 案、金曜日は早く寝て、土曜日は毎週午前中に散歩。 メニュー OK 編集 １ ２ ３

au KYF36 11:14 メモ帳 外の澄んだ空気を吸い 温かい陽の光を浴び 気持ちよく歩く これが毎日または毎週、重要なんだな。 メニュー OK 編集 １ ２ ３

あの手この手を考えても、実行に移さない傾向にあるので、自分に対して控えめに「案、」と書いています。こういう案があるけど、どう？という感じで。

今の時代みんなパソコンやっていて、プログラミングも多くの人が始める様子。（最近とうとう義務教育に入ってきた）

でも家にこもってパソコンをずっとやっていると、体調が悪くなるし、見た目の姿も悪くなるし、注意点が多いんですよね。

似たような状況の人は、わりと多めにいると思います。

それで昨日金曜日は夜11時くらいに寝て、今朝は８：３０くらいに起きて、10時になってから近所の浜辺へ出かけました。

海を前にして書いたメモ

自分はたまたま海があったからいいけど、都会でこういう楽をできる場所がない場合、どうなるかなぁと考えました。

自転車をこいで遠くの人気（ひとけ）のない大きな公園（東京ドーム3つ分くらいのとても大きな出入り自由のきれいな霊園）へ向かうとか、田舎に一時的に住むとか、私が昔、実際にやった（やってもらった）具体案としてはそんなところです。

部屋に戻ると、外に比べてだいぶ薄暗く、「こりゃぁ青白くなるよ」なんて思って、またパソコンに向かいました。

（訪問者のどんなニーズと この記事がつながるか）

• みんなインドアでパソコンを。問題の対策例。
• 日記を読みたい。

2019/11/2（土）

DRAM回路の説明記事を更新 -[dram]

パソコンのメモリーのしくみを一般の人向けに説明している記事を更新しました。

• 実体配線図 DRAM回路8ビット - IchigoCake版　を作成し掲載　これ
• 実体配線図 DRAM回路8ビット - PIC24H版　を作成し掲載　これ

記事はここです。

（訪問者のどんなニーズと この記事がつながるか）

• コンピューターのしくみを知りたい。
• 電子回路の話題を読みたい。

2019/11/1（金）

homepage6047 は WEBフォントに対応しました

SAKURA のレンタルサーバの機能で、WEB フォントなるものがあったので、使ってみました。

このページの一番上の homepage6047 タイトルロゴと、日付の下の網掛けの小題が WEB フォントになっています。

WEB からダウンロードするフォント…、というと表示が遅い印象がありますが、現在は解消されていて「必要最低限のデータ量で、高速」なんだそうです。

homepage6047 は https に対応しました

みなさんは、最近、いつも見ているホームページで、WEBブラウザの表示が下図のようになっていないでしょうか？

… Firefox の場合

… Chrome の場合

何か警告のようになっていて、これではいけないかのようです。

同じホームページでも、たとえば、http://test.com/　と、https://test.com　のように URL に違いがある場合があります。

http のほうでアクセスすると、最近は上図のように警告表示になってしまいます。

なんで、こうなっているんでしょう？？

どうも、最近になってブラウザが "世の中の流れ" に対応したらしいんです。

「ホームページは もはや暗号化して当たり前、暗号化するのが一般的。…という位置づけに変わった」のだそうです。

• 2019/10/17 のニュース（Firefoxについて）
  https://forest.watch.impress.co.jp/docs/news/1213230.html
• 2019/9/19 のニュース（Chromeについて）
  https://forest.watch.impress.co.jp/docs/news/1206272.html

ホームページが、http と https の両方を用意している場合は、https のほうでアクセスするようにすれば下図のように警告が消えます。

… Firefox の場合

… Chrome の場合

訪問者に対して警告を出しているままでは、私もホームページ管理者として嫌だったので、homepage6047 はこのたび、http と https の両方に対応しました。

（面倒ですが homepage6047 のブックマークを https のほうに変更してください。お願いします…）

なお、http だけしか用意していない他のネット上のホームページでは、訪問者のほうで URL 部分を https に直してアクセスしても ホームページは表示されませんので注意してください。ホームページ管理者が対応するしかありません。

細かいこと：

• http は暗号化されていません。https は暗号化されています。
• https の s は secure（安全）の s です。
• 暗号化されていれば、盗聴や改竄（かいざん）を防ぐことができます。
• https の問題点は、「古いブラウザからはアクセスできなくなる」など。

https、やるならやらねば！

会社でホームページを運営しているとか、趣味でホームページを運営している人のために、どのように https に対応したのか、ちょっと紹介しておきます。

ホームページ領域を提供するサービス（私の場合は さくらインターネット）の管理画面へログインして、「サーバ設定」のような画面があると思うので、ページ上のボタンを押すなどして開きます。

上図のような、「SSL設定」といったリンクがあると思うのでクリックして開きます。

SSL = https です。

（セキュリティに関わると思うので、管理画面のスクリーンショットは限定し、色も変えておきました）

サービスによってこの辺の流れは違うと思いますが、私のところでは、

このような画面が出てきて、表には「SSL」（https）の設定状況が表示されています。

右端の「変更」ボタンを押して SSL についてちょこちょこと設定します。

私の場合はそんな感じで難しいことなく https に対応できました。

URL が２つになるからと言って、ホームページの領域やファイルも２つになるとかそういうことはありません。

この簡単さは ほとんどサービスのおかげです。（さくらインターネット＞レンタルサーバ＞「スタンダード」プラン）

サービス提供会社がこのへんを難しいままにしていると、こんなに簡単にはいかない（別途費用と電子証明書、定期更新などがある）ので、自分のホームページ領域はどうなっているか確認してみてください。

自分のパソコンに特殊な環境を作っている場合

なお、わりと重要なことですが、http を https に変更することで、"特殊な環境" において、http://～ で設定していたものを、 https://～ に設定し直さないと、今まで使えていた環境が動かなくなった！ということが発生するかもしれないので、会社の情報部門や担当の方、情報処理に詳しい方などに相談したうえで上記のサーバー設定を実行してください。

もし、上で説明したホームページの管理画面で、SSL（https）の設定をオンにしたりオフにしたり、自由にできるならば、一時的にオンにしてみて環境に不具合が出ないかチェックしてみるという手段も使えると思います。　軽率だと思って取り消し線を引きました。「一時的にオンにしてみた」というのが、仕事では問題になることがあるので、結局それもやらないほうが良いです。仕事は生活基盤ですから うかつに手を出さないで詳しい方に聞いたほうが良いです。（私自身にも言っています）

特殊な環境とは下図のように自分のパソコン内のことです。

丁度いい事例になりますが、私の場合は特殊な環境を作ってしまっていたので、自分のパソコンで動いているWEBサーバーの少し大掛かりな変更を余儀なくされました。具体的に言うと、WEBサーバーが SSL を使えるように設定をして、OpenSSLというソフトをインストールして、どこかのサイトで教えてくれている証明書の簡易発行を行って、CGIプログラムで http://～ と書いたところを検索して https://～ に直して…等々。

以下これらのサイトがなければ https の対応（特殊な環境に対する https 対応）は断念していたかもしれません。サイトの方々ありがとうございます。

1. Windows+ApacheでSSLを有効にする方法
2. windows10でOpenSSLのインストールとアンインストールの方法
3. 昨日まで動いてたapacheが起動しなくなった［windows7］
   ↑こちらのサイトでは Apache 起動時のエラーを調べる方法について参考にさせてもらいました。
4. ついでに、私が書いたメモ

軽減税率もそうですけど、時代の流れっていうのは大変ですねぇ…

（訪問者のどんなニーズと この記事がつながるか）

• homepage6047 の「お知らせ」をまめに読んでおこう。
• 最近ブラウザの URL 欄に警告が出るようになったのはなんで？